<template>
	<view class="apps">
			<uv-navbar :title="title" titleStyle="font-weight:400;" bg-color="rgba(255,255,255,.01)" :autoBack="true" placeholder></uv-navbar>
			<image class="bg" src="https://lifeanclor.byyds.cn/static/images/lan.jpg" mode="widthFix"></image>
			<uv-gap height="20"></uv-gap>
			<view class="pr mlr20 zidx6 mlr30 bdbox h50p bgf5 flex fdc bdr20 ptb20 plr20">
				<view class="flex aic mb20">
					<view class="flex f1 aic">
						<uv-avatar src="https://lifeanclor.byyds.cn/static/images/machine_true.png" shape="circle" size="50"></uv-avatar>
						<view class="f14 c333 fw400 ml10 flex aic">模式名称</view>
						<view class="wh30 boxsd ml10 flex aic jcc bdr15">
							<uv-icon name="edit-pen" size="20" color="#02A3F3"></uv-icon>
						</view>
					</view>
					<view class="flex aic jcc">
						<image src="https://lifeanclor.byyds.cn/static/images/nfc.png" style="width:40px;height:40px;"></image>
					</view>
				</view>
				<view class="flex fdc mb20">
					<ScaleSlider title="温度"/>
				</view>
			</view>
	</view>
</template>

<script setup>
	import { ref , reactive, nextTick, computed } from 'vue'
	import { onLoad, onShow, onHide } from '@dcloudio/uni-app'
	import ScaleSlider from '@/components/ScaleSlider/ScaleSlider.vue'

	const title= ref('宝宝'),priceValue=ref([30,0])
	const blockEnd = ()=>{
		console.log(priceValue.value);
	}
	onLoad((e)=>{
		const mode = e.mode;
		const ids = e.id;
	})
</script>

